<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>成绩排名</title>
        <link rel="stylesheet" href="fonts/iconfont.css"/>
        <link rel="stylesheet" href="css/font.css"/>
        <link rel="stylesheet" href="css/weui.min.css"/>
        <link rel="stylesheet" href="css/jquery-weui.min.css"/>
        <link rel="stylesheet" href="css/mui.css"/>
        <link rel="stylesheet" href="css/pages/rank.css"/>
        <script>(function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            };

          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);</script>
    </head>
    <body>
        <header>
            <div class="titlebar reverse">
                <a href="javascript:history.back(-1)">
                    <i class="iconfont">&#xe640;</i>
                </a>
                <h1>成绩排名</h1>
                <a href="login.html" class="app">
                    <i class="iconfont">&#xe60e;</i>
                </a>
            </div>
        </header>
        <article style="padding-top:44px;padding-bottom:44px;">
            <div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">张三</span><span class="green">20</span><span class="order">最好成绩:</span></p>
					<p><span class="factory-name">练习次数：20</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success"></i>
                </div>
              </a>
            </div>

            <div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">李四</span><span class="green">20</span><span class="order">最好成绩:</span></p>
					<p><span class="factory-name">练习次数：20</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success gray"></i>
                </div>
              </a>
            </div>

            <div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">王五</span><span class="green">20</span><span class="order">最好成绩:</span></p>
					<p><span class="factory-name">练习次数：20</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success gray"></i>
                </div>
              </a>
            </div>

            <div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">卢林</span><span class="green">18</span><span class="order">最好成绩:</span></p>
                    <p><span class="factory-name">练习次数：18</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success"></i>
                </div>
              </a>
            </div>
			<div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">冉明</span><span class="green">18</span><span class="order">最好成绩:</span></p>
                    <p><span class="factory-name">练习次数：18</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success"></i>
                </div>
              </a>
            </div>
			<div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">谢涛</span><span class="green">16</span><span class="order">最好成绩:</span></p>
                    <p><span class="factory-name">练习次数：17</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success"></i>
                </div>
              </a>
            </div>
			<div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">刘涛</span><span class="green">15</span><span class="order">最好成绩:</span></p>
                    <p><span class="factory-name">练习次数：16</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success"></i>
                </div>
              </a>
            </div>
			<div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">张豪</span><span class="green">14</span><span class="order">最好成绩:</span></p>
                    <p><span class="factory-name">练习次数：15</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success"></i>
                </div>
              </a>
            </div>
			<div class="weui_cells weui_cells_access animated fadeInRight">
              <a class="weui_cell box" href="javascript:;">
                <div class="weui_cell_bd weui_cell_primary">
                    <p><span class="phone">姚帅</span><span class="green">14</span><span class="order">最好成绩:</span></p>
                    <p><span class="factory-name">练习次数：15</span><label class="red">删除</label></p>
                </div>
                <div class="choose-icon">
                  <i class="weui_icon_success"></i>
                </div>
              </a>
            </div>
        </article>
		<footer>
		   <ul class="menubar animated fadeInUp delay3">
                <li class="tab" onclick="window.location='index.html'">
                    <i class="iconfont" style="font-size:24px;">&#xe63f;</i>
                    <label class="tab-label">主目录</label>
                </li>
            </ul>
     </footer>
        <script src="js/jquery-1.8.3.min.js"></script>
        <script src="js/jquery-weui.js"></script>
    </body>
</html>